<template>
	<view>
		<view class="flex align-center justify-between px-2" >
			  <text class="font-md" >热门分类</text>				  
		  <view class="flex align-center font text-secondary animated" hover-class="jello" @click="openMore" >
			  更多<text class="iconfont icon-bangzhujinru " ></text>
		  </view>
		</view>
		  <view class="flex align-center py-3 px-1 border-bottom">
			  <view class="border rounded bg-light mx-1 px-2 animated" 
			  hover-class="jello" v-for="(item,index) in hotcate" :key = "index" @click="openDetail(item)" >
				  {{item.name}}
			  </view>				  				  
		  </view>
	</view>
</template>

<script>
	 export default {
		 props:['hotcate'],
		 methods:{
			 openMore(){
				uni.navigateTo({
					url: '../../pages/topic-nav/topic-nav'
					
				});				 
			 },
			 openDetail(item){
				 console.log('打开话题分类页')
			 }
		 }
	 }
</script>

<style>
</style>
